<template>
   <div class="app-container">
       <div class="lostBox">
         <div>当企业成员被客户从微信联系人中删除时，会在客户流失列表中产生一条记录，开启「被删除通知」后，被删除的成员会收到一条推送</div>
         <div>客户流失功能只会记录授权给微伴成员的客户流失信息，未被授权的成员信息将不会展示在列表中。 <el-button type="text" size="small">如何添加授权成员？</el-button></div>
       </div>
       <div>被删除提醒 : <el-switch v-model="value"  > </el-switch></div>
       <div class="el-m-t-10 el-font-12" style="color:#878787">开启后，当企业微信被客户删除时，被删除的企业成员将收到一条消息提醒</div>
       <el-card class="el-m-t-20">
           <div>
               <el-form ref="form" :model="form" label-width="120px">
                   <el-row :gutter="10">
                       <el-col :span="8">
                           <el-form-item label="所属客服：" size="small">
                               <el-input v-model="model"></el-input>
                           </el-form-item>
                       </el-col>
                       <el-col :span="8">
                           <el-form-item label="流失时间：" size="small">
                               <el-input v-model="model"></el-input>
                           </el-form-item>
                       </el-col>
                       <el-col :span="8" >
                           <el-form-item label="添加时间：" size="small">
                               <el-input v-model="model"></el-input>
                           </el-form-item>
                       </el-col>
                       <el-col :span="8" >
                           <el-form-item label="添加员工时长：" size="small">
                               <el-input v-model="model"></el-input>
                           </el-form-item>
                       </el-col>
                       <el-col :span="8" offset="8">
                           <div style="text-align:right"><el-button   size="small">重置</el-button></div>
                       </el-col>
                   </el-row>
               </el-form>
           </div>
       </el-card>
       <el-card class="el-m-t-20">
           <div  class="el-flex el-p-b-20" >
               <div class="el-flex-1">共5个流失客户</div>
               <el-button type="primary" size="small" plain>导出Excel</el-button>
           </div>
           <el-table  :data="data"  style="width: 100%" size="small" >
               <el-table-column prop="prop"  label="流失客户" > </el-table-column>
               <el-table-column prop="prop"  label="所属客服" > </el-table-column>
               <el-table-column prop="prop"  label="客户评分 " > </el-table-column>
               <el-table-column prop="prop"  label="客户积分 " > </el-table-column>
               <el-table-column prop="prop"  label="标签" > </el-table-column>
               <el-table-column prop="prop"  label="流失时间" > </el-table-column>
               <el-table-column prop="prop"  label="添加时间" > </el-table-column>
               <el-table-column prop="prop"  label="上次对话时间" > </el-table-column>
               <el-table-column prop="prop"  label="添加员工时长/天 " > </el-table-column>
               <el-table-column prop="prop"  label="操作" fixed="right" align="right"> </el-table-column>
               <div slot="empty">
                   <el-empty></el-empty>
               </div>
           </el-table>
       </el-card>
   </div>
</template>

<script>
export default {
   data(){
      return{
        value:'',
        form:{}
      }
   },
   methods:{

   }
}
</script>

<style scoped lang="scss">
 .lostBox{
    background: #e6f0ff;
    border: 1px solid #7db3f2;
    border-radius: 2px;
    color: #023d81;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 16px;
    padding: 11px 19px;
    width: 100%;
 }
</style>